.hd {
    line-height: 50px;
    height: 50px;
    color: blue;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

body {
    min-width: 480px;
}

.bd_l {
    border-left: solid 1px #aaa;
}

.bk {
    color: #000;
}

.reg {
    border-radius: 4px;
    background-color: red;
    color: #fff;
    padding: 5px 15px;
    margin-right: 10px;
}

.bh {
    height: 84px;
    background-color: rgb(248, 248, 248);
    border: solid 1px #aaa;

    .wj {
        font-style: italic;
        font-size: 22px;
        line-height: 84px;
        text-align: center;
    }

    .row {
        .col-md-7 {
            .row {
                color: #aaa;
                line-height: 84px;
                text-align: center;

                .col-md-2 {
                    padding: 0;
                }
            }
        }

        .col-md-offset-2 {
            color: #aaa;
            line-height: 84px;
            text-align: left;
            padding: 0;
        }
    }
}

.glyphicon-menu-hamburger {
    margin-top: 30px;
}

.container {
    ul {
        margin-top: 50px;

        li {
            margin-top: 10px;
            list-style: none;
            text-align: left;

            h4 {
                font-weight: normal;
                font-size: 18px;
                color: blue;

                &:hover {
                    color: red;
                    text-decoration: underline;
                }
            }

            p {
                color: #aaa;
                font-size: 14px;
                color: blue;

                &:hover {
                    color: red;
                    text-decoration: underline;
                }
            }
        }
    }
}

@keyframes xian {
    from {
        background-color: transparent;
    }

    to {
        background-color: red;
    }
}

.col-md-7 {
    .row {
        .dao {
            &::after {
                content: '';
                display: table;
                width: 100%;
            }

            float: left;
            padding: 0 10px;
            // margin: 0 10px;
            text-align: center;
            cursor: pointer;
            box-sizing: border-box;

            height: 80px;
            // &:hover {
            //     &::after {
            //         background-color: red;
            //     }
            // }

            // &:hover {
            //     &::after {
            //         animation: xian .1s forwards;
            //     }
            // }

            a {
                display: block;
                height: 83px;
                padding: 0 10px;
                line-height: 82px;
                color: #aaa;
                text-decoration: none;

                &:hover,
                &:focus {
                    border-bottom: 3px solid red;

                    // &::after {
                    //     background-color: red;
                    // }
                }
            }
        }
    }
}